{% block sw_sortable_list_container %}
{% block sw_sortable_list %}
<ul
    v-if="hasItems"
    class="sw-sortable-list"
>
    <slot v-bind="{ sortedItems, sortable }">
        {% block sw_sortable_list_item %}
        <li
            v-for="item in sortedItems"
            :key="item.id"
            v-draggable="{ ...mergedDragConfig, data: item }"
            v-droppable="{ ...mergedDragConfig, data: item }"
            class="sw-sortable-list__item"
        >
            <slot
                name="item"
                v-bind="{ item, sortable }"
            ></slot>
        </li>
        {% endblock %}
    </slot>
</ul>
{% endblock %}
{% block sw_sortable_list_empty_state %}
<mt-empty-state
    v-else
    :icon="$route.meta.$module.icon"
    class="sw-sortable-list__empty-state"
    :headline="$tc('sw-empty-state.messageNoResultTitle')"
/>
{% endblock %}
{% endblock %}
